<div id="contenedor" class="container">  
    <div class="row-fluid">
        <div class="row-fluid">
            <ul  class="span12 breadcrumb alingCenter">
                <li><b>Reporte de Reservas</b></li>
            </ul>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span4 marco">
            <div class="row-fluid">
                <ul id="headBusquedaClientes" class="span12 breadcrumb alingCenter">
                    <li><b>Busqueda de Reservas</b></li>
                </ul>
            </div>
            <div class="row-fluid">
                <form id="formularioBusquedaClientes">  
                    <div class="row-fluid">
                        <div class="span4">
                            <label class="pull-right"> Habitación</label>
                        </div>
                        <div class="span7">
                            <select class="input-medium">
                                <option></option>
                                <option>H1</option>
                                <option>H2</option>
                                <option>H3</option>
                            </select>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4">
                            <label class="pull-right"> Estatus:</label>
                        </div>
                        <div class="span7">
                            <select class="input-medium">
                                <option></option>
                                <option>Reserva Provisional</option>
                                <option>Fin hospedaje</option>
                                <option>Reserva confirmada full pago</option>
                                <option>Reserva confirmada pago incompleto</option>
                                <option>Reserva confirmada desde internet</option>
                                <option>Habitación bloqueda</option>
                                <option>Pendiente del Check In o del Check Out</option>
                                <option>Check In realizado</option>
                            </select>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <hr>
                        <div class="span12 alingCenter"> <b>Por fecha de creación</b>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4">
                            <label class="pull-right">Desde</label>
                        </div>
                        <div class="span7">
                            <div class="input-prepend">
                                <span class="add-on"><i class="icon-calendar"></i></span>
                                <input type="text" class="datePicker input-small"> 
                            </div>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4">
                            <label class="pull-right">Hasta</label>
                        </div>
                        <div class="span7">
                            <div class="input-prepend">
                                <span class="add-on"><i class="icon-calendar"></i></span>
                                <input type="text" class="datePicker input-small"> 
                            </div>
                        </div>

                    </div>

                    <div class="row-fluid">
                        <hr>
                        <div class="span12 alingCenter"> <b>Por fecha de ingreso</b>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4">
                            <label class="pull-right">Desde</label>
                        </div>
                        <div class="span7">
                            <div class="input-prepend">
                                <span class="add-on"><i class="icon-calendar"></i></span>
                                <input type="text" class="datePicker input-small"> 
                            </div>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4">
                            <label class="pull-right"> Hasta</label>
                        </div>
                        <div class="span7">
                            <div class="input-prepend">
                                <span class="add-on"><i class="icon-calendar"></i></span>
                                <input type="text" class="datePicker input-small"> 
                            </div>
                        </div>

                    </div>
                    <div class="row-fluid"> 
                        <div class="span12 well alingCenter">
                            <button type="button" class="btn btn-inverse input-medium">Buscar</button>
                        </div>
                    </div>


                </form>
            </div>
        </div>
        <div class="span8">
            <div class="row-fluid">
                <ul  class="span12 breadcrumb alingCenter">
                    <li><b>Resultados</b></li>
                </ul>
            </div>
            <div class="row-fluid">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>#Reserva</th>
                            <th>Cliente</th>
                            <th>Habitación</th>
                            <th>Ingreso</th>
                            <th>Salida</th>
                            <th>Estatus</th>
                            <th>Ver más</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1024</td>
                            <td><a>Luis Ramírez</a></td>
                            <td>Sencilla 001</td>
                            <td>21-01-2013</td>
                            <td>27-01-2013</td>
                            <td>Provicional</td>
                            <td><button type="button" class="btn btn-mini btn-inverse">Abrir</button>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="row-fluid">
                <div class="pull-left">
                    <br>
                    <button type="button" class="btn btn-inverse input-medium">Reporte Migración</button>
                </div>
                <div class="pagination pull-right">
                    <ul>
                        <li class="active">
                            <a href="#">1</a>
                        </li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">Siguiente</a></li>
                    </ul>
                </div>
            </div></div>
    </div>
</div>  
